/**
 * webpack.config.js 指示webpack干哪些活
 * 当运行 webpack 命令时，会加载里面的配置
 *
 * 运行在node平台 commonjs
 * */
const { resolve } = require('path')

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'build.js',
    // 绝对路径
    path: resolve(__dirname, 'build')
  },
  // loader
  module:  {
    rules: [
      // loader的详细配置
      {
        test: /\.css$/,
        use: [
          'style-loader', // 创建style标签，将js中的样式资源插入其中，添加到head标签中生效
          'css-loader' // 将css资源转成commonjs模块加载到js文件中，里面内容时样式字符串
        ]
      },
      {
        test: /\.less$/,
        use: [
          'style-loader',
          'css-loader',
          'less-loader'
        ]
      }
    ]
  },
  // 插件
  plugins: [],
  mode: 'development'
  // mode: 'production'
}